﻿@{
    ViewBag.Title = "Advertise";
}

@section scripts
{
    <link href="~/Content/frontend/slider/slidy/slidy.css" rel="stylesheet" />
    <script src="~/Content/frontend/slider/slidy/slidy.js"></script>
    <script src="~/Content/frontend/tb-slider.js"></script>
    <script type="text/javascript" src="~/Scripts/App/Guest/advertise.js"></script>
}
<div class="single-video-header large-12 relative">
    <div class="single-video-mask"></div>
    <div class="row body">
        <div class="large-12 small-12 columns">
            <div class="row post-details posts">
                <ul class="post-count-spacing small-block-grid-2 large-block-grid-2">
                    <li class="post-count old">
                        <div class="post-count-container old">
                            <span class="reply-count old-post">1
                            </span>
                        </div>
                        <div class="total-post-count total-replies old">
                            <span>Replies</span>
                        </div>
                        <a class="button forum follow" style="width: 150px; display: inline-block"
                            data-bind="if: Logged, click: $root.DoSubcribe, text: IsSubcribe() ? 'Đã theo dõi' : 'Theo dõi', visible: Logged && IsMember"></a>
                    </li>
                    <li class="post-metadata">
                        <h5 class="content-title"><a href="#" class="new-post" data-bind="text: Title"></a></h5>
                        <p class="author-name who-what-where">
                            <span class="author"><strong class="dark">by  <a data-bind="text: Publisher, attr: { href: LinkPub }"></a></strong></span>
                            <span class="date-time dark" data-bind="text: DateCreated"></span>
                        </p>
                        <!-- moderator tools -->
                        <!--end moderator tools-->
                    </li>
                </ul>
                <div class="large-9 small-12 columns">
                    <div class="row post-details hide-for-small">
                        <div class="large-12 small-12 columns">

                            <div class="video flex-video video-single-container" data-bind="if: IsVideo, visible: IsVideo">
                                <figure class="embed-section">
                                    <iframe width="640" height="485"
                                        data-bind="attr: { src: 'http://www.youtube.com/embed/' + VideoLink() + '?&rel=0&showinfo=0&disablekb=1&controls=0&color=white&modestbranding=1&wmode=transparent' }"
                                        frameborder="0" wmode="Opaque"></iframe>
                                </figure>
                            </div>
                            <div class="video flex-video video-single-container" data-bind="if: IsFlash, visible: IsFlash">
                                <embed data-bind="attr: { src: FlashLink() }" quality="high" bgcolor="#ffffff"
                                    width="468" height="60" align="" type="application/x-shockwave-flash"
                                    pluginspage="http://www.macromedia.com/go/getflashplayer" />
                            </div>
                            <div class="video flex-video video-single-container" data-bind="if: IsImage, visible: IsImage">
                                <div id="slidyBanner" class="slidyContainer" data-bind="attr: {'title': Title}">
                                    <div class="slidySlides" style="height:450px !important" data-bind="foreach: AdvMedias">

                                        <!-- Each slide is wrapped in figure section -->

                                        <!-- Slide 1 -->
                                        <!-- add the 'slidyCurrent' class to which slide you want as default -->
                                        <figure class="slidyCurrent">
                                            <!-- Your context goes here -->
                                            <img style="height:450px !important" data-bind="attr: { src: MediaLink }" alt="" />
                                            <!-- Use the figcaption element to add captions -->
                                            @*<figcaption>An Image</figcaption>*@
                                        </figure>
                                        <!-- Add more slides as necessary -->

                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="large-12 small-12 columns margin-bottom-30">
                                    <div class="left text-centered" data-bind="if: Logged, visible: Logged && IsMember">
                                        <h5 class="white">Thích</h5>
                                        <a data-bind="click: $root.DoLike">
                                            <i class="fi fi-heart like-action size27 off"></i>
                                        </a>
                                    </div>
                                    @if (Request.IsAuthenticated && User.IsInRole("Member"))
                                    {
                                        <div class="left text-centered">
                                            <h5 class="white">Bình chọn</h5>
                                            <input name="star" type="radio" class="star {split:2}" value="1" />
                                            <input name="star" type="radio" class="star {split:2}" value="2" />
                                            <input name="star" type="radio" class="star {split:2}" value="3" />
                                            <input name="star" type="radio" class="star {split:2}" value="4" />
                                            <input name="star" type="radio" class="star {split:2}" value="5" />
                                            <input name="star" type="radio" class="star {split:2}" value="6" />
                                            <input name="star" type="radio" class="star {split:2}" value="7" />
                                            <input name="star" type="radio" class="star {split:2}" value="8" />
                                            <input name="star" type="radio" class="star {split:2}" value="9" />
                                            <input name="star" type="radio" class="star {split:2}" value="10" />
                                        </div>
                                    }
                                    <div class="left margin-left-40">
                                        <h1 class="white"><span class="sub-info size12">Điểm trung bình</span>5.5</h1>
                                    </div>
                                    <div class="right">
                                        <span><a class="button button-info small" data-bind="text: Likes() + ' likes'"></a></span>
                                    </div>
                                    <div class="right">
                                        <span><a class="button button-info small" data-bind="text: Views() + ' views'"></a></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="large-3 small-12 columns">
                    <div class="comment">
                        <h5>Bình luận</h5>
                        <div class="comment-area" data-bind="foreach: AdvComments">
                            <div class="info">
                                <span class="author">
                                    <i class="fi fi-comment-video"></i>
                                    <a data-bind="html: HtmlTag, attr: { href: Link }">
                                        <img data-bind="attr: { src: Avatar }" alt="Avatar 1" />
                                    </a>

                                </span>
                                <a data-bind="visible: IsOwn, click: $root.DeleteComment" style="position: absolute; right: 5px;">x</a>
                                <br>
                                <p data-bind="text: Content"></p>
                            </div>

                        </div>
                        <div class="comment-area active" data-bind="visible: Logged">
                            <textarea class="form-control flat" placeholder="Nội dung bình luận" data-bind="value: Content"></textarea>

                            <input type="button" name="btnComment" value="Bình luận" class="button tiny right" data-bind="click: $root.Comment" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="large-12">
    <div class="large-12 title-header text-centered">
        <h3 class="upper white">Thông tin sản phẩm</h3>
    </div>
    <div class="row margin-top-30">
        <div class="large-12 small-12 columns">
            <div class="post-description" style="min-height: 650px;" data-bind="html: Description">
            </div>
        </div>
    </div>
</div>
<div class="large-12 margin-bottom-30">
    <div class="large-12 title-header text-centered">
        <h3 class="upper white">Thư viện hình ảnh</h3>
    </div>
    <div class="row">
        <div class="large-12 small-12 columns">
            <div class="post-description">
                <div class="row text-entry">
                    <div class="small-12 columns" data-bind="foreach: AdvImages">
                        <div class="small-3 columns small-gallery">
                            <div class="view view-normal">
                                <img data-bind="src: Link" alt="" />
                                <div class="mask">
                                    <a class="fancybox-thumbs info wid100" data-fancybox-group="thumb" data-bind="href: Link"><i class="fi fi-search">Xem</i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="large-12 margin-bottom-30">
    <div class="large-12 title-header text-centered">
        <h3 class="upper white">Liên lạc</h3>
    </div>
    <div class="row">
        <div class="large-12 small-12 columns">
            <div class="post-description">
                <div class="row text-entry">
                    <div class="small-8 columns margin-top-30">
                        <h5 class="bold">Contact form</h5>
                        <p class="para-bee">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores etea.</p>
                        <span>Your name</span><br />
                        <input type="text" name="txtName" placeholder="Your name..." class="form-control flat input-sm small" />
                        <span>Your email</span><br />
                        <input type="text" name="txtName" placeholder="Your email..." class="form-control flat input-sm small" />
                        <span>Subject</span><br />
                        <input type="text" name="txtName" placeholder="Subject..." class="form-control flat input-sm small" />
                        <span>Message</span><br />
                        <textarea cols="4" class="form-control flat"></textarea>
                        <input type="submit" name="btnSubmit" value="Gửi" class="small button pull-right" />
                    </div>
                    <div class="small-4 columns margin-top-30">
                        <h5 class="bold">Information</h5>
                        <div class="contact-info">
                            <span class="italic">Công ty trách nhiệm hữu hạn Cocacola</span><br />
                            <span class="italic">Da Nang, Vietnam</span>
                            <ul class="margin-top-20">
                                <li><i class="fi fi-address-book"></i><span>Address:</span> 123 Nguyễn Lương Bằng</li>
                                <li><i class="fi fi-pencil"></i><span>Phone:</span> +123456789</li>
                                <li><i class="fi fi-mail"></i><span>E-mail:</span> cocacola@coca.com</li>
                                <li><i class="fi fi-web"></i><span>Website:</span> <a href="#">www.tebbee.com</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
